Bizzomate Number Input [deprecated]

Content Type: Widget
Categories: User Interface

Overview

This widget will be continued as Ciphix Number Input 

Documentation

BizzomateNumberInput

Pluggable Mendix Widget based on the react-number-format library. Provides a more user-friendly and customizable input for numeric data.

Features

  • Much richer input for numbers with a configurable decimal separator, thousand separator, prefix and suffix
  • Add a list of allowed decimal separators and they will automatically be converted
  • Allows auto-formatting of numbers when saved to string attributes
  • Sets inputMode on field to trigger correct keyboards on mobile devices

Usage

  • Select this widget instead of the Text Box in Studio Pro
  • Select input type (decimal/integer/string) and attribute
  • Go to the "Formatting"-tab for all extra options
  • Set "Custom separator" to true and "Decimal separator behavior" to "custom" for full-control
  • Or let the widget use the Mendix language settings and allow both "," and "." from the user as input

Issues, suggestions and feature requests

[link to GitHub issues]

Development and contribution

  1. Install NPM package dependencies by using: npm install. If you use NPM v7.x.x, which can be checked by executing npm -v, execute: npm install --legacy-peer-deps.
  2. Run npm start to watch for code changes. On every change:
    • the widget will be bundled;
    • the bundle will be included in a dist folder in the root directory of the project;
    • the bundle will be included in the deployment and widgets folder of the Mendix test project.

Releases

Version: 1.5.0
Framework Version: 10.12.1
Release Notes: Added support for min/max validation in the widget. This will prevent the user from entering out-of-range-values (instead of Mendix default of showing an error afterwards)
Version: 1.4.0
Framework Version: 10.12.1
Release Notes: Added the possibility to execute an action when the enter key is pressed.
Version: 1.3.2
Framework Version: 10.12.1
Release Notes: Improved preview rendering in Studio Pro for Stucture and Design mode
Version: 1.3.1
Framework Version: 10.12.1
Release Notes: For integers, define the decimalSeparator, but set the decimalScale to 0. Otherwise the library would revert to the default value which could clash with the thousandSeparator.
Version: 1.3.0
Framework Version: 10.12.1
Release Notes: Configuration of the widget has now been made easier. You can still configure everything IF you want to, but in the default settings it will simply get the decimal/thousands-separator from the Mendix language settings and allow bot "," and "." as decimal separator from the user.
Version: 1.2.0
Framework Version: 10.12.1
Release Notes: Added: - setting to choose the read-only style - the widget-numberInput class to make the widget content targetable via css
Version: 1.1.0
Framework Version: 10.12.1
Release Notes: Refactored code to make a clearer difference between settings and execution of changes. Fixed an issue where 0 was treated as undefined.
Version: 1.0.1
Framework Version: 10.12.1
Release Notes: Fix for issue [#1](https://github.com/bizzomate/bizzomateNumberInput/issues/1) where the input got cleared when it was pre-filled and the user didn't change anything
Version: 1.0.0
Framework Version: 10.12.1
Release Notes: Initital release of the Bizzomate Number Input Widget. A pluggable widget implementation of the react-number-format library to make the number inputs in Mendix apps more user friendly and customizable.